* {
  margin: 0;
  padding: 0;
}

html {
  background-color: #faffef;
}

.header_cate_box {
  width: 100%;
  box-sizing: border-box;
  margin-top: 2rem;
  margin-bottom: 3rem;
  background-color: #faffef;
  /* background-color: antiquewhite; */
}

.cate_box {
  width: 100%;

  text-align: center;
  display: flex;
  justify-content: space-around;

}

.header_hot_box {
  width: 92%;
  height: 9rem;
  border-radius: 1rem;
  background-color: aqua;
  margin: 0 auto;
  background-image: linear-gradient(to right, #f65e5d, #fac388);
}

h1 {
  padding-top: 1.5rem;
  padding-left: 2rem;
  font-size: 2rem;
  color: white;
}

.title_item {
  float: left;
  margin-top: 1rem;
  padding-left: 2rem;
  color: #e4e4e4;
}

.rotate {
  border-width: 0rem;
  position: relative;
  left: 12rem;
  top: -4.5rem;
  width: 8.7rem;
  /* 设置图片的宽度 */
  height: auto;
  /* 高度自适应 */
  transform-origin: center;
  /* 设置旋转围绕图片的中心 */
  animation: rotate 1s ease-in-out infinite;
  /* 设置动画 */
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
    /* 起始角度 0° */
  }

  50% {
    transform: rotate(15deg);
    /* 旋转 15° */
  }

  100% {
    transform: rotate(0deg);
    /* 回到起始角度 0° */
  }
}

.shop_list_box {
  width: 100%;
  height: 48vh;
  /* background-color: #fac388; */
}

.shop_list_item {
  width: 100%;
  height: 3vh;
  /* background-color: #e4e4e4; */
  margin-top: 4rem;
  display: flex;
  justify-content: space-around;
}

.shop_list_item1 {
  width: 100%;
  height: 3vh;
  float: left;
  /* background-color: #e4e4e4; */
  margin-top: 4rem;
  display: flex;
  justify-content: space-around;
}
.shop_list_item2{
  width: 100%;
  height: 3vh;
  float: left;
  /* background-color: #e4e4e4; */
  margin-top: 4rem;
  display: flex;
  justify-content: space-around;
}
.hr1 {
  width: 12.2rem;
  height: 0.2rem;
  margin-top: 1.2rem;
  color: #9bcf41;
  background-color: #9bcf41;

}

.item_title {
  font-size: 1.5rem;
  text-align: center;

}

.badge {
  width: 3.5rem;
  height: 1.2rem;
  font-size: 1rem;
  background-color: #9bcf41;
  color: white;
  margin-inline-end: 4rem;
  border-radius: 2rem;
  position: relative;
  left: 5rem;
  top: -3.3rem;
  font-weight: 100;
}
.badge3{
  width: 3.5rem;
  height: 1.2rem;
  font-size: 1rem;
  background-color: #f96812;
  color: white;
  margin-inline-end: 4rem;
  border-radius: 2rem;
  position: relative;
  left: 5rem;
  top: -3.3rem;
  font-weight: 100;
}
.badge1 {
  width: 3.5rem;
  height: 1.2rem;
  font-size: 1rem;
  background-color: red;
  color: white;
  margin-inline-end: 4rem;
  border-radius: 2rem;
  position: absolute;
  top: 101.6rem;
  left: 23rem;
  font-weight: 100;
}

.call {
  text-align: center;
  height: 8rem;
}

.shop_list_fruit_box {
  width: 100%;
  height: 50vh;
  /* background-color: #f65e5d; */
  float: left;
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  line-height: 5rem;
}
.shop_list_fruit_boxs{
  width: 100%;
  height: 50vh;
  /* background-color: #f65e5d; */
  float: left;
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  line-height: 5rem;
}
.fruit_box_item {
  width: 20rem;
  height: 22rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #9bcf41;
  margin-top: 1rem;
}

.shop_list_fruit_box1 {
  width: 100%;
  height: 50vh;
  background-color: #faffef;
  float: left;
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  line-height: 3rem;

}

.fruit_box_item1 {
  width: 90%;
  height: 11rem;
  background-color: #ffffff;
  border-radius: 1rem;
  border: 1px solid #9bcf41;
  margin-top: 1rem;
}

.fruit_image {
  width: 10rem;
  height: 10rem;
  float: left;
  margin-top: 0.5rem;
  margin-left: 1rem;
  border-radius: 2rem;
}

.fruit_img {
  width: 100%;
  height: 13rem;
  float: left;
  border-radius: 1.5rem;
}

.fruit_titles {
  margin-left: 1rem;
  font-size: 1.5rem;
}

.fruit_p {
  font-size: 1.5rem;
  color: #96998f;
  float: left;
  margin-left: 1rem;
}

.fruit_price1 {
  color: red;
  font-size: 1.9rem;
  float: left;
  margin-top: 2.5rem;
  margin-left: 1rem;
}

.fruit_title {
  margin-left: 1rem;
  font-size: 1.7rem;
}

.fruit_title1 {
  float: left;
  margin-top: -2.5rem;
  margin-left: 1rem;
  color: gray;
}

.fruit_price {
  color: red;
  font-size: 1.9rem;
  float: left;
  margin-top: -2.5rem;
  margin-left: 1rem;
}

.seach1 {
  float: left;
}

.backTop {
  width: 6rem;
  height: 6rem;
  position: fixed;
  bottom: 13rem;
  right: 1rem;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  background-color: #96998f;
  color: #e4e4e4;
  border: none;
  border-radius: 5rem;
  cursor: pointer;
  opacity: 0.8;
}

.backTop_img {
  font-size: 1rem;
  color: white;
}
.divss{
  width: 100%;
  height: 10rem;
  /* background-color: #9bcf41; */
  /* float: left; */
  padding-top: 57rem;
  margin-top: 81rem;
}